<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>百度一下</title>
    <style>
        .top{
            height: 100px;
            width: 100%;
        }
        .menu{
            text-decoration: underline;
            height: 50px;
            width: 50px;
            line-height: 50px;
            float:right;
            font-size: 13px;
        }
        .more{
            float: right;
            height: 50px;
            width: 50px;
            font-size: 14px;
            margin-right: 20px;
            margin-top: 15px;
        }
        .bltitle{
            width: 50%;

        }
        ._all{
            height: 40px;
            width: 645px;
        }
        ._in{
            float: left;
            height: 40px;
            width: 500px;
        }
        ._photo{
            height: 40px;
            width: 40px;
            margin-left: -2px;
            float: left;
        }
        ._search{
            float: left;
        }
        ._bottom{
            margin-top: 13%;
            width: 100%;
        }
        ._dimension{
            width: 100%;
            height: 108px;
        }
        ._four{
            width: 400px;
            height: 25px;
            margin-top: 10px;
        }
        ._more2{
            width: 93px;
            height: 25px;
            line-height: 25px;
            text-decoration: underline;
            float: left;
            font-size: 10px;
            color:#999;
        }
        ._five{
            width: 545px;
            height: 22px;
        }
        ._more3{
            float: left;
            line-height: 22px;
            font-size: 10px;
            color: #999;
            height: 22px;
        }
        ._picture{
            float: left;
            height: 22px;
            width: 22px;
        }
    </style>
</head>
<body>
    <div class="top">
        <div class="more">
            <input style="background-color: #38f;color: #fff;border: none;width: 60px;height: 23px;" type="button" value="更多产品">
        </div>
        <div class="menu">设置</div>
        <div class="menu">登录</div>
        <div class="menu"><b>学术</b></div>
        <div class="menu"><b>贴吧</b></div>
        <div class="menu"><b>视频</b></div>
        <div class="menu"><b>地图</b></div>
        <div class="menu"><b>hao123</b></div>
        <div class="menu"><b>新闻</b></div>
        <center>
            <div class="bltitle">
                <img src="images/bd_logo1.png">
            </div>          
        </center>
        <form action="https://www.baidu.com/index.htm">
            <center>
          <div class="_all">
              <div class="_in"><input id="wd" name="wd" type="text" style="height: 40px;width: 500px;"> </div>
              <div class="_photo"><img src="images/camera_new_5606e8f.png" height="50" width="30"></div>
              <div class="_search"><input type="submit" value="百度一下" style="background-color: #38f;color: #fff;width: 107px;height: 40px;"> </div>
          </div>
        </center>
        </form> 
        <div class="_bottom">
            <center>
                <div class="_dimension">
                    <img src="images/zbios_efde696.png" alt="">
                </div>
                <div class="_four">
                    <div class="_more2" style="width: 121px;">把百度设为主页</div>
                    <div class="_more2">关于百度</div>
                    <div class="_more2">about baidu</div>
                    <div class="_more2">百度推广</div>
                </div>
                <div class="_five">
                    <div style="width: 85px;" class="_more3">©2018 baidu</div>
                    <div style="width: 87px;" class="_more3"><ins>使用百度前必读</ins></div>
                    <div style="width: 53px;" class="_more3"><ins>意见反馈</ins></div>
                    <div style="width: 102px;" class="_more3">京ICP证030173号</div>
                    <div style="width: 174px;" class="_more3"><ins>京公网安案1100000002000001号</ins></div>
                </div>
            </center>
        </div>
    </div>
</body>
</html>